/* 清样式，如果是项目中，不推荐使用通配符来清样式，建议使用标签清样式，通配符清样式会增加页面压力 */
* {
	margin: 0;
	padding: 0;
}

/* 清除li样式 */
ul,
li {
	list-style: none;
}

/* 将ul相对定位，目的是让内容的div绝对定位时相对ul定位，否则会相对body定位 */
/* ul弹性盒，目的是让li横着排，也可以将li浮动或者转行内块 */
.ul_tab {
	position: relative;
	display: flex;
	width: 100%;
	color: #777;
}

/* 将三个li宽度平分，高度60px */
.ul_tab_li {
	flex: 1;
	height: 60px;
}

/* input隐藏 */
.ul_tab_li_input {
	display: none;
}

/* 设置input的下一个节点label的样式 */
.ul_tab_li_input+.label {
	display: block;
	height: 60px;
	width: calc(100% -40px);
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	margin: 0px 20px;
}

/* 设置div内容的基础样式 隐藏内容div*/
.ul_tab_li_input+.label+.div {
	display: none;
	position: absolute;
	left: 0;
	top: 62px;
	border-top: 1px solid #f1f3f4;
	width: 100%;
}

/* input选中状态时候对应的label的样式 */
.ul_tab_li_input:checked+.label {
	border-bottom: 2px solid #000;
}

/* input选中时候显示对应的div */
.ul_tab_li_input:checked+.label+.div {
	display: block;
}


.ul_tab_ul_con {
	padding: 0px 15px;
	margin-top: 10px;
}

.ul_tab_ul_con h3 {
	line-height: 35px;
	font-size: 16px;
	margin-bottom: 10px;
}

.ul_tab_ul_con>li {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.ul_tab_ul_con>li>a {
	width: 100%;
	font-size: 12px;
	color: #777;
}

.ul_tab_ul_con>li>a:hover {
	color: #000;
}

.ul_tab_ul_con>li>a>img {
	width: 40px;
	height: 40px;
	border-radius: 20%;
	border: 2px solid #fff;
	box-shadow: 2px 2px 3px #e1e1e1;
	float: left;
}

.ul_tab_ul_con_item {
	width: calc(100% - 60px);
	float: left;
	margin-left: 10px;

}

.ul_tab_ul_con_item_title {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
